<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link type="text/css" rel="stylesheet" th:href="@{/css/style.css}">
    <link type="text/css" rel="stylesheet" th:href="@{/css/xuanfu.css}">
</head>
<body th:background="@{/images/back.png}">
<header>
    <div align="center">
        <h1>欢迎使用图书销售管理系统</h1>
    </div>
</header>
<form action="menu" method="post">
    <div class="welcome">
        <h1 class="person">用户登录</h1>
        <div class="index">
            <div class="login">
                <label>
                    <input type="text" name="text" class="text" placeholder="请输入用户名" required>
                </label>
                <label>
                    <input type="password" name="password" class="password" placeholder="输入密码" required>
                </label><br>
                <input type="submit" class="button1" value="登录"><br>
                <a href="javascript:void(0)" onclick="document.getElementById('light1').style.display='block';
                                              document.getElementById('fade1').style.display='block'">
                    <input type="button" class="button2" value="注册"></a><br>
                <span class="forge"><a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';
                                              document.getElementById('fade').style.display='block'">忘记密码</a></span>
            </div>
        </div>
    </div>
</form>
<div id="light" class="white_content">
    <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';
    document.getElementById('fade').style.display='none'">关闭窗口</a>
    <br>
    <form action="update" method="post">
        <h1 style="font-size: 25px;">修改密码</h1>
        <div class="login">
            <p><label>
                <input type="text" name="text1" class="text" placeholder="用户昵称" required>
            </label></p>
            <label>
                <input type="text" name="text" class="text" placeholder="用户名" required>
            </label><br>
            <label>
                <input type="password" name="password" id="pd" class="password" placeholder="新密码" required>
            </label><br>
            <label>
                <input type="password" name="pwd" id="repd" class="button3" placeholder="再次输入新密码" required>
                <br/>
            </label><br>
            <input type="submit" class="button2" value="确定修改"><br>
        </div>
    </form>
</div>
<div id="light1" class="white_content">
    <a href="javascript:void(0)" onclick="document.getElementById('light1').style.display='none';
    document.getElementById('fade1').style.display='none'">关闭窗口</a>
    <br>
    <form action="ys" method="post">
        <h1 style="font-size: 25px;">用户注册</h1>
        <div class="login">
            <p><label>
                <input type="text" name="text1" class="text" placeholder="用户昵称" required>
            </label></p>
            <label>
                <input type="text" name="text" class="text" placeholder="手机号/QQ号/微信号" required>
            </label><br>
            <label>
                <input type="password" name="password" id="pd" class="password" placeholder="输入密码" required>
            </label><br>
            <label>
                <input type="password" name="pwd" id="repd" class="button3" placeholder="请确保两次输入密码一致"required>
            </label><br>
            <input type="submit" class="button2" value="注册"><br>
        </div>
        </div>
    </form>
</div>
<div id="fade1" class="black_overlay"></div>
<div id="fade" class="black_overlay"></div>
</body>
</html>